<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="utf-8">
		<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
		<link rel="icon" href="<%= BASE_URL %>logo.png">
		<title>中医药后台</title>
		<style>
			.first-loading-wrp {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				min-height: 420px;
				height: 100%
			}

			.first-loading-wrp>h1 {
				font-size: 128px
			}

			.first-loading-wrp .loading-wrp {
				padding: 98px;
				display: flex;
				justify-content: center;
				align-items: center
			}

			.dot {
				animation: antRotate 1.2s infinite linear;
				transform: rotate(45deg);
				position: relative;
				display: inline-block;
				font-size: 32px;
				width: 32px;
				height: 32px;
				box-sizing: border-box
			}

			.dot i {
				width: 14px;
				height: 14px;
				position: absolute;
				display: block;
				background-color: #1890ff;
				border-radius: 100%;
				transform: scale(.75);
				transform-origin: 50% 50%;
				opacity: .3;
				animation: antSpinMove 1s infinite linear alternate
			}

			.dot i:nth-child(1) {
				top: 0;
				left: 0
			}

			.dot i:nth-child(2) {
				top: 0;
				right: 0;
				-webkit-animation-delay: .4s;
				animation-delay: .4s
			}

			.dot i:nth-child(3) {
				right: 0;
				bottom: 0;
				-webkit-animation-delay: .8s;
				animation-delay: .8s
			}

			.dot i:nth-child(4) {
				bottom: 0;
				left: 0;
				-webkit-animation-delay: 1.2s;
				animation-delay: 1.2s
			}

			@keyframes antRotate {
				to {
					-webkit-transform: rotate(405deg);
					transform: rotate(405deg)
				}
			}

			@-webkit-keyframes antRotate {
				to {
					-webkit-transform: rotate(405deg);
					transform: rotate(405deg)
				}
			}

			@keyframes antSpinMove {
				to {
					opacity: 1
				}
			}

			@-webkit-keyframes antSpinMove {
				to {
					opacity: 1
				}
			}
		</style>
		<!-- require cdn assets css -->
		<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
		<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
		<% } %>
	</head>

	<body>
		<noscript>
			<strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to
				continue.</strong>
		</noscript>
		<div id="app">
			<div class="first-loading-wrp">
				<!-- <h1>Pro</h1> -->
				<div class="loading-wrp">
					<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
				</div>
				<!-- <div style="display: flex; justify-content: center; align-items: center;">Ant Design</div> -->
			</div>
		</div>
		<!-- require cdn assets js -->
		<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
		<script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
		<% } %>
		<!-- built files will be auto injected -->
	</body>

</html>